<template>
  <div>
    <!-- 顶部 -->
    <Header/>

    <!-- 中间主体区域 -->
    <div class="main">
      <nuxt/>
    </div>

    <!-- 底部 -->
    <Footer/>

  </div>

</template>
<script>
  import Header from "@/components/layouts/Header"
  import Footer from "@/components/layouts/Footer"

  export default {
    name: '',
    components: {
      Header,
      Footer
    }
  }
</script>
<style>
  * {
    padding: 0;
    margin: 0;
  }

  /*背景颜色*/
  body {
    background: #F2F2FA;
  }

  a {
    text-decoration: none;
  }

  .float-left {
    float: left;
  }

  .float-right {
    float: right;
  }

  .clear-fix {
    overflow: hidden;
    zoom: 1; /* 设置zoom:1可以在IE6下清除浮动、解决margin导致的重叠等问题 */
  }

  .display-none {
    display: none;
  }

  .main {
    width: 1140px;
    margin: 0 auto;
  }

</style>
